header{
    width: 100%;
    height: 5px;
    background-color: slateblue;
}
.navbar-brand{
    margin-left: 30px;
}
.main-top{
    margin-bottom: 121px;
}
.main-top p{
    margin: auto;
    font-size: 100px;
    color: #6b15a1;
    text-align: center;
    line-height: 144px;
    font-weight: bold;
    width: 144px;
    border: 2px solid #6b15a1;
}
.main-top h1{
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: normal;
}
.main-top span{
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #697176;
    margin-bottom: 20px;
}
.btn-outline-light{
    display: block;
    margin:auto;
    background-color: slateblue;
}
.main-center{
    text-align: center;
    margin-bottom: 120px;
}
.main-center h5{
    margin-top: 20px;
    margin-bottom: 20px;
}
.main-center p{
    font-size: 18px;
    margin: 0;
}
.main-footer h4{
    text-align: center;
    margin: 0;
    margin-bottom: 63px;
}

.main-footer-left{
    border:1px solid #dddddd;
    width: 320px;
    height: 355px;
}
.main-footer-left-top img{
    width: 318px;
    height: 149px;
}
.main-footer-center{
    border:1px solid #dddddd;
    margin-left: 80px;
    width: 320px;
    height: 355px;
}
.main-footer-center-top img{
    width: 318px;
    height: 149px;
}
.main-footer-right{
    border:1px solid #dddddd;
    margin-left: 80px;
    width: 320px;
    height: 355px;
}
.main-footer-right-top img{
    width: 318px;
    height: 149px;
}
.csad{
    position: relative;
}
.csad img:nth-child(2){
    position: absolute;
    width: 97px;
    height: 97px;
    border-radius: 50%;
    border: 3px solid white;
    top: 28%;
    left: 50%;
    transform: translateX(-50%);
}
.main-footer-left-center h5,.main-footer-center-center h5,.main-footer-right-center h5{
    display: block;
    text-align: center;
    font-weight: normal;
    margin-top: 55px;
    margin-bottom: 0;
}
.main-footer-left-center p,.main-footer-center-center p,.main-footer-right-center{
    text-align: center;
    margin-top: 5px;
    margin-bottom: 19px;
}
.main-footer-1{
    width: 1120px;
    margin-bottom: 135px;
}
.main-chaochu{
    margin-left: 108px;
    width: 1120px;
    height: 106px;
    border: 1px solid #dddddd;
    margin-bottom: 85px;
}
.main-chaochu h5{
    margin-top: 18px;
}
.main-chaochu-2 button{
    margin-top: 20px;
}
footer a{
    color: #6b15a1!important;
}
@media (max-width: 540px) {
    .main-center-i{
        margin-bottom: 40px;
    }
    .main-footer-1{
        width: 100%;
        margin: auto;
    }
    .main-footer-left{
        display: block;
        margin: auto;
    }
    .main-footer-center{
        display: block;
        margin: auto;
    }
    .main-footer-right{
        display: block;
        margin: auto;
    }
    .main-chaochu{
        margin-top: 20px;
        margin-left: 30px;
        width: 320px;
    }
    .main-footer{
        margin-left: -15px;
    }
    .main-chaochu{
        width: 100%;
        margin-left: 0px;
    }
}